{% import 'components/Block/Block.html' as Block %}

{% macro render(id) %}
  <section id="{{ id }}" class="{{ id }}">
    <article class="BlockLayout BlockLayout--typeFlex">
      {{ Block.render('one',   {index: 1, draggable: true}) }}
      {{ Block.render('two',   {index: 2}) }}
      {{ Block.render('three', {index: 3, draggable: true}) }}
      {{ Block.render('four',  {index: 4, draggable: true}) }}
      {{ Block.render('five',  {index: 5, draggable: true}) }}
      {{ Block.render('six',   {index: 6}) }}
      {{ Block.render('seven', {index: 7, draggable: true}) }}
    </article>
  </section>
{% endmacro %}
